<template>
  <div>
    <Header></Header>
    <div class="mybody clearfix">
      <Aside></Aside>
      <!-- 下面包裹的div主要是为了实现滚动效果 -->
      <div id="scrollHandle">
        <router-view></router-view>
        <div class="others-container">
          <Others v-show="$route.name == 'topicsquare'"></Others>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Aside from "./Aside";
import Others from "./Others";

export default {
  name: "myhome",
  components: {
    Aside,
    Others,
  },
};
</script>

<style  scoped>
.mybody {
  /* margin: 0 auto; */
  margin-left: 5%;
  width: 95%;
}
#scrollHandle {
  position: relative;
  overflow-y: auto;
  padding: none;
}
#scrollHandle::-webkit-scrollbar {
}
.others-container {
  float: left;
  width: 20%;
}
</style>